<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sevilla28 - App oficial para móviles</title>
	<link rel="stylesheet" href="../css/sevilla28.css" />
	<link rel="stylesheet" href="../css/jquery.mobile.structure-1.1.1.min.css" />
	<link rel="stylesheet" href="../css/sevilla28_specific.css" />
	<script src="../js/jquery-1.8.0.min.js"></script>
	<script src="../js/jquery.mobile-1.1.1.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="../js/cordova-2.0.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="../js/main.js"></script>
</head>
<body>
		<div data-role="page" data-theme="a">
			<div data-role="header" data-position="inline">
				<h1><img src="../img/logo.png" width="100%"></h1>
			</div>
			<div id="contenidoMiembros">
				<!-- <table class="tablaMiembros">
					<tr>
						<th width="40%"><a href="" onclick=""></a><img src="../img/mari_ro.png" class="fotoMiembro"></a></th>
						<th width="60%" class="miembroNombre">Mari Ro.</th>
					</tr>
					<tr>
						<td colspan="2"><table class="tablaInstrumentos">
								<tr>
									<td width="25%" class="centrado" id="instrumento1"><img src="../img/instrumentos/voz.png" width="90%"></td>
									<td width="25%" class="centrado" id="instrumento2"><img src="../img/instrumentos/piano.png" width="90%"></td>
									<td width="25%" class="centrado" id="instrumento3"></td>
									<td width="25%" class="centrado" id="instrumento4"></td>
								</tr>
							</table></td>
					</tr>
					<tr>
						<td colspan="2">Bla bla bla bla kljhoidfhfioduhij sdhi dfsuiohsdf hsdf.</td>
					</tr>
				</table>-->
				<script type="text/javascript">
				var i = 1;
				while (i < window.Coro.getNumeroMiembros()+1) {
					var miembro = jQuery.parseJSON(window.Coro.getMiembro(i));
					var nombre = miembro.nombre;
					var desc = miembro.descripcion;
					var foto = miembro.rutaFoto;
					var numHabilidades = miembro.habilidades.length;
					$("#contenidoMiembros").append('<table class="tablaMiembros"><tr><th width="30%"><a href="" onclick=""></a><img src="../' +foto +'" class="fotoMiembro" height="50px"></a></th><th width="70%"><a href="miembro.html" data-role="button" data-transition="none" data-icon="arrow-r" data-iconpos="right" onclick="window.Coro.setMiembroSeleccionado(' + i +')">' +nombre +'</a></th></tr></table>');
					i++;
				}
				</script>

			</div>
			<div data-role="content"data-position="inline">
				<p class="centrado"><a href="http://www.facebook.com/home.php?#!/profile.php?id=100001435977096&amp;ref=ts" target="_blank"><img src="../img/facebook.png" width="50" height="50" border="0" title="Estamos en facebook"></a>
					<a href="http://www.youtube.com/user/sevilla28SR" target="_blank"><img src="../img/youtube.png" width="50" height="50" border="0" title="Nuestro canal de youtube"></a>
					<a href="mailto:sevilla28sr@gmail.com"><img src="../img/mail.png" width="50" height="50" border="0" title="Mandanos un correo"></a>
					<a href="http://www.tuenti.com/#m=Profile&amp;func=index&amp;user_id=67007793" target="_blank"><img src="../img/tuenti.png" width="50" height="50" border="0" title="Siguenos en tuenti"></a>
					<a href="http://twitter.com/Sevilla28" target="_blank"><img src="../img/twi.png" width="50" height="50" border="0" title="Ahora tambien en twitter"></a>
				</p>
			</div>
			<div id="copyright" class="centrado">Candy & Pocho Copyright 2012</div>
			<script>$("#copyright").bind("click", function(){ window.Cantoral.vibrar(100); $("#sorpresa").click(); });</script>
			<a href="foto.html" data-rel="dialog" id="sorpresa" data-transition="none"></a>
		</div>
</body>
</html>